<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>查看页面</title>
    <link rel="stylesheet" href="../commonCss/reset.css"/>
    <link rel="stylesheet" href="../commonCss/vant.css"/>
    <link rel="stylesheet" href="../css/order.css">
</head>

<body>
    <div id="index" v-cloak>
        <div class="look">
            <van-nav-bar title="查看详情">
                <!-- <template #left>
                    <div>返回</div>
                </template> -->
                <!-- <template #right>
                    <div @click="onClickRight" v-if="!user" style="color:#88C0F9;">未登录</div>
                    <div v-else class="userSty">{{user}}</div>
                </template> -->
                <div>123</div>
            </van-nav-bar>

            <!-- 查看详情 -->
            <div class="content" v-for="(item,index) of dataList" :key="index + 'dataList'">
                <div class="box">
                    <h3>订单信息</h3>
                    <div class="middle">
                        <div> 客户名称: <span>{{item.khmc}}</span></div>
                        <div class="isflexBet">
                            <p> 品名：<span>{{item.cpbh}}</span></p>
                            <p> 单位：<span>{{item.danwei}}</span></p>
                        </div>
                        <div class="isflexBet">
                            <p> 订/现货: <span>{{item.dingxianhuo}}</span></p>
                            <p> 是否开票：<span>{{item.shifoukaipiao}}</span></p>
                        </div>                        
                        <div>
                            <p> 计划数量(码)：<span style="color: #ff3838;">{{item.qidingliangY}}</span></p>
                            <p> 计划成交价(码)：<span style="color: #ff3838;">{{item.jihuachengjiaojiaY}}</span></p>
                        </div>
                        <div> 授信额度(万): <span>{{item.shouxin}}</span></div>
                        <div> 付款方式: <span>{{item.fukuanfangshi}}</span></div>                        
                    </div>
                </div>

                <div class="box">
                    <h3>预计销售费用</h3>
                    <div class="middle">
                        <div class="isflexBet">
                            <p>税票费用: <span>{{item.shuipiaofeiyong}}</span></p>
                            <p>运输费用: <span>{{item.yunshufeiyong}}</span></p>
                        </div>
                        <div class="isflexBet">
                            <p>资金费用: <span>{{item.zijinfeiyong}}</span></p>
                            <p>检测费用: <span>{{item.jiancefeiyong}}</span></p>
                        </div>
                        <div class="isflexBet">
                            <p>佣金费用: <span>{{item.yongjinfeiyong}}</span></p>
                            <p>其他费用: <span>{{item.qitafeiyong}}</span></p>
                        </div>
                        <div class="isflexBet">
                            <p>美元价: <span>{{item.美元价}}</span></p>
                            <p>当日汇率: <span>{{item.当日汇率}}</span></p>
                        </div>
                        <div>预计销售合计: <span style="color: #ff3838;">{{item.yujiheji}}</span></div>

                        <div class="remarkSty">
                            <p class="text1">备注：</p>
                            <span>{{item.remarks}}</span>
                        </div>
                    </div>
                </div>

                <div class="box">
                    <h3>价格分析</h3>
                    <div class="middle">
                        <van-grid :column-num="3">
                            <van-grid-item>
                                <template #text>
                                    <p>工艺生产成本: </p>
                                    <p>{{item.gongyichengbeny}}码</p>
                                </template>
                            </van-grid-item>
                            <van-grid-item>
                                <template #text>
                                    <p>开票成本价: </p>
                                    <p>{{item.开票成本价}}码</p>
                                </template>
                            </van-grid-item>
                            <van-grid-item>
                                <template #text>
                                    <p>系统指引价: </p>
                                    <p>{{item.xszyjy}}码</p>
                                </template>
                            </van-grid-item>
                        </van-grid>
                        <div class="price_box1">
                            <div v-show="item.page1">
                                <p>缸号一</p>
                                <p>{{item.pg1}}</p>                       
                                <p>12312312</p>
                                <p>成本(元/YD): <span>{{item.dj1}}</span></p>
                            </div>
                            <div v-show="item.page2">
                                <p>缸号二</p>
                                <p>{{item.pg2}}</p>
                                <p>成本(元/YD): <span>{{item.dj2}}</span></p>
                            </div>
                            <div v-show="item.page3">
                                <p>缸号三</p>
                                <p>{{item.pg3}}</p>
                                <p>成本(元/YD): <span>{{item.dj3}}</span></p>      
                            </div>
                        </div>
                        <div>计划销售净价(码): <span>{{item.jihuaxsjj}}</span></div>
                        <div>预计销售毛利(码): <span style="color:#ff3838;">{{item.yujixsml}}</span></div>
                    </div>
                </div>
            </div>
            <van-button type="info" size="large" @click="clickMsgBtn">审核</van-button>
            
        </div>

        <van-popup v-model="showMsg" style="width: 100%;height: 100%;background: #eee;">
            <div class="list_content">
                <van-nav-bar title="审核" left-arrow @click-left="showMsg = false">
                </van-nav-bar>                
                <van-steps direction="vertical" :active="lookList.length-1"  v-show="this.lookList">
                    <van-step v-for="(item, index) of lookList" :key="index+'lookList'">
                        <h3 style="margin-bottom: 6px;">{{item.content}}</h3>                            
                        <p style="margin-bottom: 6px;">操作人: {{item.loggor}}</p>
                        <div class="viewSty" v-show="item.idea">
                            <p class="view_text1">意见：{{item.idea}}</p>
                            <!-- <p class="view_text2"></p> -->
                        </div>
                        <p>{{item.logtime}}</p>
                    </van-step>
                </van-steps>
            </div>
            <van-form @submit="onSubmit" v-show="showneed == 1">
                <van-field name="radio" label="审核状态">
                    <template #input>
                      <van-radio-group v-model="radio" direction="horizontal">
                        <van-radio name="yes" style="padding: 5px;">通过</van-radio>
                        <van-radio name="no" style="padding: 5px;">不通过</van-radio>
                      </van-radio-group>
                    </template>
                </van-field>
                <van-field v-model="message" label="审核意见:" placeholder="可填写" rows="2" type="textarea" show-word-limit></van-field>
                <div style="margin: 16px;">
                    <van-button round block type="info" native-type="submit">
                      保存
                    </van-button>
                </div>
            </van-form>
        </van-popup>
    </div>
</body>
<script src="../commonJs//vue.min.js"></script>
<script src='http://dongtai.fsslpc.com/w/web/common/jquery.js'></script>
<script src="../commonJs/vant.min.js"></script>
<script src="../commonJs/common.js"></script>
<script src="../js/order.js"></script>

</html>